<template>
  <div class="user-index-container">
    <!-- 用户管理主页面 -->
    <router-view />
    
    <!-- 用户管理侧边栏（可选） -->
    <user-sidebar v-if="showSidebar" />
  </div>
</template>

<script setup>
import { ref, computed, onMounted } from 'vue'
import { useRoute } from 'vue-router'
import UserSidebar from './components/UserSidebar.vue'

const route = useRoute()

// 是否显示侧边栏（根据业务需求决定）
const showSidebar = computed(() => {
  // 可以根据路由或其他条件决定是否显示侧边栏
  return route.meta.showSidebar !== false
})

// 页面初始化
onMounted(() => {
  console.log('用户管理主页面加载完成')
})
</script>

<style scoped>
.user-index-container {
  height: 100%;
  display: flex;
}
</style>